<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>世奇广告</title>
<link href="css/default.css" rel="stylesheet" type="text/css" />
<link href="css/uploadify.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="scripts/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="scripts/jquery.uploadify.js"></script>
<script type="text/javascript" src="scripts/jquery.jgrowl_minimized.js"></script>
<script type="text/javascript">
$(document).ready(function() {
	$("#fileUploadgrowl").fileUpload({
		'uploader': 'uploadify/uploader.swf',
		'cancelImg': 'uploadify/cancel.png',
		'script': 'uploadify/upload.php',
		'folder': 'uploads',
		'multi': true,
		'simUploadLimit': 3,
		'sizeLimit': 1048576,
		'fileDesc'		 : '世奇广告文件(*.jpg;*.gif;*.swf;*.png;*.zip;*.html)',
		'fileExt'		 : '*.jpg;*.gif;*.swf;*.png;*.zip;*.html',
		onError: function (event, queueID ,fileObj, errorObj) {
			var msg;
			if (errorObj.status == 404) {
				alert('Could not find upload script. Use a path relative to: '+'<?= getcwd() ?>');
				msg = 'Could not find upload script.';
			} else if (errorObj.type === "HTTP")
				msg = errorObj.type+": "+errorObj.status;
			else if (errorObj.type ==="File Size")
				msg = fileObj.name+'<br>'+errorObj.type+' Limit: '+Math.round(errorObj.sizeLimit/1024)+'KB';
			else
				msg = errorObj.type+": "+errorObj.text;
			$.jGrowl('<p></p>'+msg, {
				theme: 	'error',
				header: 'ERROR',
				sticky: true
			});			
			$("#fileUploadgrowl" + queueID).fadeOut(250, function() { $("#fileUploadgrowl" + queueID).remove()});
			return false;
		},
		onCancel: function (a, b, c, d) {
			var msg = "Cancelled uploading: "+c.name;
			$.jGrowl('<p></p>'+msg, {
				theme: 	'warning',
				header: 'Cancelled Upload',
				life:	4000,
				sticky: false
			});
		},
		onClearQueue: function (a, b) {
			var msg = "Cleared "+b.fileCount+" files from queue";
			$.jGrowl('<p></p>'+msg, {
				theme: 	'warning',
				header: 'Cleared Queue',
				life:	4000,
				sticky: false
			});
		},
		onComplete: function (a, b ,c, d, e) {
			var size = Math.round(c.size/1024);
			alert(c.name);
//			$.jGrowl('<p></p>'+c.name+' - '+size+'KB', {
//				theme: 	'success',
//				header: 'Upload Complete',
//				life:	4000,
//				sticky: false
//			});
		}
	});
});
</script>
<style type="text/css"> 
<!-- 

--> 
</style><!--[if IE]>
<style type="text/css"> 
/* 请将所有版本的 IE 的 css 修复放在这个条件注释中 */
.twoColLiqLtHdr #sidebar1 { padding-top: 30px; }
.twoColLiqLtHdr #mainContent { zoom: 1; padding-top: 15px; }
/* 上面的专用 zoom 属性为 IE 提供避免错误所需的 hasLayout */
</style>
<![endif]--></head>

<body class="twoColLiqLtHdr">

<div id="container"> 
  <div id="header">
	<h1>世奇广告</h1>
	<!-- end #header -->
  </div>
  
  <div id="sidebar1">
<h3>使用帮助</h3>
<ul>
<li>1.浏览</li>
<li>2.导入</li>
<li>3.搜索</li>
<li>4.下载</li>
<li>5.日志 </li>
</ul>
  <!-- end #sidebar1 --></div>
  <div id="mainContent">
<!--1-->
<h1>浏览</h1>
<div>翻页</div>
<!--2-->
<h1>导入</h1>
<div id="fileUploadgrowl">抱歉，脚本遇到错误！</div>
<a href="javascript:$('#fileUploadgrowl').fileUploadStart()">开始上传</a> |  <a href="javascript:$('#fileUploadgrowl').fileUploadClearQueue()">清空队列</a>
<!--3-->
<h1>搜索</h1>
<div>提交</div>
<!--4-->
<h1>下载</h1>
<div>使用迅雷</div>
<!--5-->
<h1>日志</h1>
<div>查看，发邮件，备份</div>
<p/>
	<!-- end #mainContent --></div>
	<!-- 这个用于清除浮动的元素应当紧跟 #mainContent div 之后，以便强制 #container div 包含所有的子浮动 --><br class="clearfloat" />
  <div id="footer">
<p>&copy;2009 世奇广告</p>
  <!-- end #footer --></div>
<!-- end #container --></div>
</body>
</html>